// react项目实战 用户概览页面
import React from 'react';
import { Input,Space, Table, Tag , Cascader, Select} from 'antd';
const { Search } = Input;
import './AllList.css';

function AllList(props) {
    // 表格
    const columns = [
        {
          title: '序号',
          dataIndex: 'id',
          key: 'id',
          width:50,
        },
        {
          title: '地区',
          dataIndex: 'region',
          key: 'region',
          width:300,
        },
        {
          title: '学校名称',
          dataIndex: 'student_name',
          key: 'student_name',
          width:200,
        },
        {
          title: '学校类型',
          dataIndex: 'student_type',
          key: 'student_type',
          width:150,
        },
        {
          title: '学生人数',
          dataIndex: 'student_num',
          key: 'student_num',
          width:150,
        },
        {
          title: '老师人数',
          dataIndex: 'teacher_num',
          key: 'teacher_num',
          width:150,
        },
        {
          title: '家长人数',
          dataIndex: 'parents_num',
          key: 'parents_num',
          width:150,
        },

      ];
      const data = [
        {
          key: '1',
          id:'1',
          region:'四川省成都市武侯区',
          student_name:'实验小学',
          student_type:'小学',
          student_num:'123',
          teacher_num:'231123',
          parents_num:'4131'
        },
        {
          key: '2',
          id:'2',
          region:'四川省成都市武侯区',
          student_name:'实验小学',
          student_type:'小学',
          student_num:'123',
          teacher_num:'231123',
          parents_num:'4131'
        },
        {
          key: '3',
          id:'3',
          region:'四川省成都市武侯区',
          student_name:'实验小学',
          student_type:'小学',
          student_num:'123',
          teacher_num:'231123',
          parents_num:'4131'
        },
        {
          key: '4',
          id:'4',
          region:'四川省成都市武侯区',
          student_name:'实验小学',
          student_type:'小学',
          student_num:'123',
          teacher_num:'231123',
          parents_num:'4131'
        },
        {
          key: '5',
          id:'5',
          region:'四川省成都市武侯区',
          student_name:'实验小学',
          student_type:'小学',
          student_num:'123',
          teacher_num:'231123',
          parents_num:'4131'
        },
      ];
    return (
        <div>
            {/* 用户概况 */}
            <div className='search'>
              <Search
                placeholder="请输入关键字进行搜索"
                allowClearq
                enterButton="搜索"
                size="large"
                // onSearch={onSearch}
              />
            </div>
            
            <Table columns={columns} dataSource={data} />
            
        </div>
    );
}

export default AllList;